<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<form>
    <input type="text" class="userNameInput">
    <input type="password" class="userPasswordInput">
    <button>登录</button>
</form>
<script>
    // 获取表单元素
    const form = document.querySelector("form")
    //为表单元素添加submit事件
    form.addEventListener("submit", function (e) {
        //阻止表单的默认提交行为
        e.preventDefault()
        // 获取用户名
        const userName = document.querySelector(".userNameInput").value.trim()
        // 获取密码
        const userPassword = document.querySelector(".userPasswordInput").value.trim()
        //判断用户名和密码
        if (userName === "pink" && userPassword === "123456") {
            // true执行的代码
            alert("输入正确")
        } else {
            // false执行的代码
            alert("输入错误")
        }
    })
</script>
</body>
</html>